/*#region [paddings] */
.p-0 { padding: 0 !important; }
.p-4 { padding: 4px !important; }
.p-8 { padding: 8px !important; }
.p-16 { padding: 16px !important; }
.p-32 { padding: 32px !important; }
.p-48 { padding: 48px !important; }
.p-64 { padding: 64px !important; }

.p-v-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-v-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.p-v-8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.p-v-16 { padding-top: 16px !important; padding-bottom: 16px !important; }
.p-v-32 { padding-top: 32px !important; padding-bottom: 32px !important; }
.p-v-48 { padding-top: 48px !important; padding-bottom: 48px !important; }
.p-v-64 { padding-top: 64px !important; padding-bottom: 64px !important; }

.p-h-0 { padding-left: 0 !important; padding-right: 0 !important; }
.p-h-4 { padding-left: 4px !important; padding-right: 4px !important; }
.p-h-8 { padding-left: 8px !important; padding-right: 8px !important; }
.p-h-16 { padding-left: 16px !important; padding-right: 16px !important; }
.p-h-32 { padding-left: 32px !important; padding-right: 32px !important; }
.p-h-48 { padding-left: 48px !important; padding-right: 48px !important; }
.p-h-64 { padding-left: 64px !important; padding-right: 64px !important; }

.p-b-0 { padding-bottom: 0 !important; }
.p-t-0 { padding-top: 0 !important; }
.p-l-0 { padding-left: 0 !important; }
.p-r-0 { padding-right: 0 !important; }

.p-b-4 { padding-bottom: 4px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-l-4 { padding-left: 4px !important; }
.p-r-4 { padding-right: 4px !important; }

.p-b-8 { padding-bottom: 8px !important; }
.p-t-8 { padding-top: 8px !important; }
.p-l-8 { padding-left: 8px !important; }
.p-r-8 { padding-right: 8px !important; }

.p-b-16 { padding-bottom: 16px !important; }
.p-t-16 { padding-top: 16px !important; }
.p-l-16 { padding-left: 16px !important; }
.p-r-16 { padding-right: 16px !important; }

.p-b-32 { padding-bottom: 32px !important; }
.p-t-32 { padding-top: 32px !important; }
.p-l-32 { padding-left: 32px !important; }
.p-r-32 { padding-right: 32px !important; }

.p-b-48 { padding-bottom: 48px !important; }
.p-t-48 { padding-top: 48px !important; }
.p-l-48 { padding-left: 48px !important; }
.p-r-48 { padding-right: 48px !important; }

.p-b-64 { padding-bottom: 64px !important; }
.p-t-64 { padding-top: 64px !important; }
.p-l-64 { padding-left: 64px !important; }
.p-r-64 { padding-right: 64px !important; }
/*#endregion */

/*#region [margins] */
.m-0 { margin: 0 !important; }
.m-4 { margin: 4px !important; }
.m-8 { margin: 8px !important; }
.m-16 { margin: 16px !important; }
.m-32 { margin: 32px !important; }
.m-48 { margin: 48px !important; }
.m-64 { margin: 64px !important; }

.m-v-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-v-4 { margin-top: 4px !important; margin-bottom: 4px !important; }
.m-v-8 { margin-top: 8px !important; margin-bottom: 8px !important; }
.m-v-16 { margin-top: 16px !important; margin-bottom: 16px !important; }
.m-v-32 { margin-top: 32px !important; margin-bottom: 32px !important; }
.m-v-48 { margin-top: 48px !important; margin-bottom: 48px !important; }
.m-v-64 { margin-top: 64px !important; margin-bottom: 64px !important; }

.m-h-0 { margin-left: 0 !important; margin-right: 0 !important; }
.m-h-4 { margin-left: 4px !important; margin-right: 4px !important; }
.m-h-8 { margin-left: 8px !important; margin-right: 8px !important; }
.m-h-16 { margin-left: 16px !important; margin-right: 16px !important; }
.m-h-32 { margin-left: 32px !important; margin-right: 32px !important; }
.m-h-48 { margin-left: 48px !important; margin-right: 48px !important; }
.m-h-64 { margin-left: 64px !important; margin-right: 64px !important; }

.m-t-1 { margin-top: 1px !important; }
.m-b-1 { margin-bottom: 1px !important; }
.m-l-1 { margin-left: 1px !important; }
.m-r-1 { margin-right: 1px !important; }

.m-t-0 { margin-top: 0 !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-l-0 { margin-left: 0 !important; }
.m-r-0 { margin-right: 0 !important; }

.m-t-4 { margin-top: 4px !important; }
.m-b-4 { margin-bottom: 4px !important; }
.m-l-4 { margin-left: 4px !important; }
.m-r-4 { margin-right: 4px !important; }

.m-t-8 { margin-top: 8px !important; }
.m-b-8 { margin-bottom: 8px !important; }
.m-l-8 { margin-left: 8px !important; }
.m-r-8 { margin-right: 8px !important; }

.m-b-16 { margin-bottom: 16px !important; }
.m-t-16 { margin-top: 16px !important; }
.m-l-16 { margin-left: 16px !important; }
.m-r-16 { margin-right: 16px !important; }

.m-b-32 { margin-bottom: 32px !important; }
.m-t-32 { margin-top: 32px !important; }
.m-l-32 { margin-left: 32px !important; }
.m-r-32 { margin-right: 32px !important; }

.m-b-48 { margin-bottom: 48px !important; }
.m-t-48 { margin-top: 48px !important; }
.m-l-48 { margin-left: 48px !important; }
.m-r-48 { margin-right: 48px !important; }

.m-b-64 { margin-bottom: 64px !important; }
.m-t-64 { margin-top: 64px !important; }
.m-l-64 { margin-left: 64px !important; }
.m-r-64 { margin-right: 64px !important; }

.m-b-96 { margin-bottom: 96px !important; }
.m-t-96 { margin-top: 96px !important; }
.m-l-96 { margin-left: 96px !important; }
.m-r-96 { margin-right: 96px !important; }

.-m-t-4 { margin-top: -4px !important; }
.-m-t-8 { margin-top: -8px !important; }
.-m-t-16 { margin-top: -16px !important; }
.-m-t-24 { margin-top: -24px !important; }
.-m-t-32 { margin-top: -32px !important; }
.-m-t-48 { margin-top: -48px !important; }
.-m-t-64 { margin-top: -64px !important; }
.-m-t-128 { margin-top: -128px !important; }
/*#endregion */

/*#region [max-min]*/
.min-h-8 { min-height: 8px !important; }
.min-h-16 { min-height: 16px !important; }
.min-h-24 { min-height: 24px !important; }
.min-h-32 { min-height: 32px !important; }
.min-h-48 { min-height: 48px !important; }
.min-h-64 { min-height: 64px !important; }
.min-h-96 { min-height: 96px !important; }
.min-h-128 { min-height: 128px !important; }
.min-h-192 { min-height: 192px !important; }
.min-h-256 { min-height: 256px !important; }
.min-h-382 { min-height: 382px !important; }
.min-h-512 { min-height: 512px !important; }

.max-h-8 { max-height: 8px !important; }
.max-h-16 { max-height: 16px !important; }
.max-h-24 { max-height: 24px !important; }
.max-h-32 { max-height: 32px !important; }
.max-h-48 { max-height: 48px !important; }
.max-h-64 { max-height: 64px !important; }
.max-h-96 { max-height: 96px !important; }
.max-h-128 { max-height: 128px !important; }
.max-h-192 { max-height: 192px !important; }
.max-h-256 { max-height: 256px !important; }
.max-h-382 { max-height: 382px !important; }
.max-h-512 { max-height: 512px !important; }

.min-w-8 { min-width: 8px !important; }
.min-w-16 { min-width: 16px !important; }
.min-w-24 { min-width: 24px !important; }
.min-w-32 { min-width: 32px !important; }
.min-w-48 { min-width: 48px !important; }
.min-w-64 { min-width: 64px !important; }
.min-w-96 { min-width: 96px !important; }
.min-w-128 { min-width: 128px !important; }
.min-w-192 { min-width: 192px !important; }
.min-w-256 { min-width: 256px !important; }
.min-w-382 { min-width: 382px !important; }
.min-w-512 { min-width: 512px !important; }

.max-w-8 { max-width: 8px !important; }
.max-w-16 { max-width: 16px !important; }
.max-w-24 { max-width: 24px !important; }
.max-w-32 { max-width: 32px !important; }
.max-w-48 { max-width: 48px !important; }
.max-w-64 { max-width: 64px !important; }
.max-w-96 { max-width: 96px !important; }
.max-w-128 { max-width: 128px !important; }
.max-w-192 { max-width: 192px !important; }
.max-w-256 { max-width: 256px !important; }
.max-w-382 { max-width: 382px !important; }
.max-w-512 { max-width: 512px !important; }
/*#endregion*/

/*#region [grid]*/
.control-1, .control-2, .control-3, .control-4, .control-5, .control-6,
.control-7, .control-8, .control-9, .control-10, .control-11, .control-12 { display: inline-block; float: left; }
.control-1 { width: calc(100% / 12 * 1) !important; }
.control-2 { width: calc(100% / 12 * 2) !important; }
.control-3 { width: calc(100% / 12 * 3) !important; }
.control-4 { width: calc(100% / 12 * 4) !important; }
.control-5 { width: calc(100% / 12 * 5) !important; }
.control-6 { width: calc(100% / 12 * 6) !important; }
.control-7 { width: calc(100% / 12 * 7) !important; }
.control-8 { width: calc(100% / 12 * 8) !important; }
.control-9 { width: calc(100% / 12 * 9) !important; }
.control-10 { width: calc(100% / 12 * 10) !important; }
.control-11 { width: calc(100% / 12 * 11) !important; }
.control-12 { width: calc(100% / 12 * 12) !important; }
/*#endregion*/

/*#region [text-decoration] */
.text-bold { font-weight: bold; }
.text-light { font-weight: lighter; }
.text-italic { font-style: italic; }
.text-line-through { text-decoration: line-through; }
.text-underline { text-decoration: underline; }
/*#endregion */

/*#region [cursor] */
.cursor-pointer { cursor: pointer; }
.cursor-progress { cursor: progress; }
/*#endregion */

/*#region [pivot-table]*/
#pivot-table table td:first-child { position: fixed; top: 64px; right: 0; height: 40px; width: 200px; padding: 10px; background-color: #eee; border: solid 1px #ccc; }
#pivot-table .pvtAxisContainer.pvtUnused.pvtVertList.ui-sortable { position: fixed; top: 104px; right: 0; bottom: 0; overflow: auto; width: 200px; height: auto; opacity: .8; }
#pivot-table .pvtAxisContainer:hover.pvtUnused:hover.pvtVertList:hover.ui-sortable:hover { opacity: initial; }
#pivot-table .pvtFilterBox { width: 300px; position: fixed; top: 80px !important; left: auto !important; right: 216px !important; }
#pivot-table .pvtRendererArea { padding: 0; }

table.pvtTable tbody tr th, table.pvtTable thead tr th { background-color: #f0f0f0; }
#pivot-table table td:first-child { background-color: #fff !important; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: none !important; }
/*#endregion*/

/*#region [ajusts]*/
.label::after { content: "\00a0"; }

.bg-modal.bg-modal-md .form {
    margin: 56px auto;
    width: 600px;
    height: auto;
    max-height: 600px;
    max-height: calc(100% - 112px);
}

    .bg-modal.bg-modal-md .form .wrapper {
        height: auto;
        max-height: 488px;
        max-height: calc(100% - 112px);
    }
/*#endregion*/

/*.slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slide.ng-enter,
.slide.ng-leave { -webkit-transition: all 1s ease; transition: all 1s ease; }
.slide.ng-enter { left: 100%; }
.slide.ng-enter-active { left: 0; }
.slide.ng-leave { left: 0; }
.slide.ng-leave-active { left: -100%; }*/
